@charset "UTF-8";
/* CSS Document */
.bg {
    margin: 0 auto;
    width: 100%;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0rem;
    padding: 0rem 0.2rem;
    background-color: #29292f;
}

/*.conIn{
	display:flex;
	display: -webkit-flex;}*/
.title {
    width: 100%;
    font-size: 0.12rem;
    line-height: 0.3rem;
    color: rgba(14, 253, 255, 1);
    text-align: center;
    font-weight: bold;
}

.border_bg_leftTop {
    position: absolute;
    left: -0.008rem;
    top: -0.04rem;
    width: 0.37rem;
    height: 0.05rem;
    display: block;
    background: #29292f url(../images/title_left_bg.png) no-repeat;
    background-size: cover;
}

.border_bg_rightTop {
    position: absolute;
    right: -0.01rem;
    top: -0.01rem;
    width: 0.1rem;
    height: 0.1rem;
    display: block;

    background-size: cover;
}

.border_bg_leftBottom {
    position: absolute;
    left: -0.008rem;
    bottom: -0.008rem;
    width: 0.1rem;
    height: 0.1rem;
    display: block;

    background-size: cover;
}

.border_bg_rightBottom {
    position: absolute;
    right: -0.01rem;
    bottom: -0.01rem;
    width: 0.08rem;
    height: 0.08rem;
    display: block;
    background: url(../images/title_right_bg.png) no-repeat;
    background-size: cover;
}

.leftMain {
    width: 75%;
    float: left;
    padding-right: 0.1rem;
    padding-top: 0.1rem;
}

.rightMain {
    width: 25%;
    float: left;
    padding-top: 0.1rem;
}

.leftMain_top {
    width: 100%;
    padding-bottom: 0.1rem;
}

.leftMain_top ul {
    display: flex;
    display: -webkit-flex;
}

.leftMain_top ul li {
    float: left;
    width: 25%;
    padding-right: 0.1rem;
}

.leftMain_top ul li:last-child {
    padding: 0;
}

.leftMain_top ul li .liIn {
    border: 0.008rem solid rgba(14, 253, 255, 0.5);
    width: 100%;
    min-height: 60px;
    position: relative;
    padding: 0.08rem 0.05rem;
}

.leftMain_top ul li .liIn h3 {
    font-size: 0.08rem;
    color: #fff;
    margin-bottom: 0.05rem;
}

.leftMain_top ul li .liIn .shu {
    font-size: 0.12rem;
    color: rgba(14, 253, 255, 1);
    font-family: dig;
    margin-bottom: 0.02rem;
}

.leftMain_top ul li .liIn .shu i {
    font-size: 0.04rem;
    margin-left: 0.06rem;
    font-style: normal;
}

.leftMain_top ul li .liIn .zi {
    font-size: 0.04rem;
    color: #fff;
    position: relative;
    z-index: 10;
}

.leftMain_top ul li .liIn .zi .span1 {
    margin-right: 0.1rem;
}


.leftMain_middle {
    width: 100%;
    padding-bottom: 0.1rem;
    display: flex;
    display: -webkit-flex;
}

.leftMain_middle .leftMain_middle_left {
    width: 60%;
    padding-right: 0.1rem;
}

.leftMain_middle .leftMain_middle_left .leftMain_middle_leftIn {
    border: 0.008rem solid rgba(14, 253, 255, 0.5);
    width: 100%;
    min-height: 60px;
    position: relative;
    padding: 0.08rem 0.05rem;
}

.leftMain_middle .leftMain_middle_left .leftMain_middle_leftIn h3 {
    font-size: 0.08rem;
    color: #fff;
    margin-bottom: 0.05rem;
}

.leftMain_middle .leftMain_middle_left .leftMain_middle_leftIn .biaoge {
    min-height: 200px;
}

.leftMain_middle .leftMain_middle_right {
    width: 40%;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn {
    border: 0.008rem solid rgba(14, 253, 255, 0.5);
    width: 100%;
    min-height: 60px;
    position: relative;
    padding: 0.08rem 0.05rem;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn h3 {
    font-size: 0.08rem;
    color: #fff;
    margin-bottom: 0.05rem;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge {
    min-height: 200px;
}

/*左边中间部分排行榜*/
.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai {
    width: 100%;
    overflow: hidden;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    color: #fff;
    font-size: 0.06rem;
    height: 0.175rem;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn .liIn_left {
    width: 25%;
    position: relative;
    padding-left: 0.14rem;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn .liIn_left .bot {
    width: 0.08rem;
    height: 0.08rem;
    background: #f78cf3;
    border-radius: 1000px;
    display: block;
    position: absolute;
    left: 0.02rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn2 .liIn_left .bot {
    background: #e7feb8;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn3 .liIn_left .bot {
    background: #fdea8a;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn4 .liIn_left .bot {
    background: #8ff9f8;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn5 .liIn_left .bot {
    background: #d890fa;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn6 .liIn_left .bot {
    background: #05d1fc;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn .liIn_left zi {
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn .liIn_line {
    width: 58%;
    height: 0.08rem;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2000px;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn .liIn_line .line_lineIn {
    width: 100%;
    height: 0.08rem;
    background: #427fed;
    border-radius: 100px;
    -webkit-animation: widthMove1 2s ease-in-out;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn2 .liIn_line .line_lineIn {
    background: #e7feb8;
    -webkit-animation: widthMove2 2s ease-in-out;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn3 .liIn_line .line_lineIn {
    background: #fdea8a;
    -webkit-animation: widthMove3 2s ease-in-out;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn4 .liIn_line .line_lineIn {
    background: #8ff9f8;
    -webkit-animation: widthMove4 2s ease-in-out;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn5 .liIn_line .line_lineIn {
    background: #d890fa;
    -webkit-animation: widthMove5 2s ease-in-out;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn6 .liIn_line .line_lineIn {
    background: #05d1fc;
    -webkit-animation: widthMove6 2s ease-in-out;
}

@-webkit-keyframes widthMove1 {
    0% {
        width: 0%;
    }
    100% {
        width: 98.5%;
    }
}

@-webkit-keyframes widthMove2 {
    0% {
        width: 0%;
    }
    100% {
        width: 88.5%;
    }
}

@-webkit-keyframes widthMove3 {
    0% {
        width: 0%;
    }
    100% {
        width: 68.5%;
    }
}

@-webkit-keyframes widthMove4 {
    0% {
        width: 0%;
    }
    100% {
        width: 40.5%;
    }
}

@-webkit-keyframes widthMove5 {
    0% {
        width: 0%;
    }
    100% {
        width: 22.5%;
    }
}

@-webkit-keyframes widthMove6 {
    0% {
        width: 0%;
    }
    100% {
        width: 10.5%;
    }
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_pai ul li .liIn .num {
    width: 17%;
    font-family: dig;
    padding-left: 0.02rem;
}

/*左边底部*/
.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_bi ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_bi ul li {
    width: 33.3%;
    text-align: center;
    margin-bottom: 0.05rem;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_bi ul li .shu {
    font-size: 0.14rem;
    color: rgba(14, 253, 255, 1);
    font-family: dig;
    padding: 0.12rem 0 0.02rem;
    font-weight: normal;
}

.leftMain_middle .leftMain_middle_right .leftMain_middle_rightIn .biaoge_bi ul li .zi {
    font-size: 0.06rem;
    color: #fff;
}

/*右边部分*/
.rightMain .rightMain_top {
    width: 100%;
    padding-bottom: 0.1rem;
}

.rightMain .rightMain_topIn {
    border: 0.008rem solid rgba(14, 253, 255, 0.5);
    width: 100%;
    min-height: 60px;
    position: relative;
    padding: 0.08rem 0.05rem;
}

.rightMain .rightMain_topIn h3 {
    font-size: 0.08rem;
    color: #fff;
    margin-bottom: 0.05rem;
}

.rightMain .rightMain_topIn .biaoge {
    min-height: 200px;
}

.rightMain .rightMain_bottom {
    width: 100%;
}

.rightMain .rightMain_bottomIn {
    border: 0.008rem solid rgba(14, 253, 255, 0.5);
    width: 100%;
    min-height: 60px;
    position: relative;
    padding: 0.08rem 0.05rem;
}

.rightMain .rightMain_bottomIn h3 {
    font-size: 0.08rem;
    color: #fff;
    margin-bottom: 0.05rem;
}

/*右下角表格*/
.rightMain .rightMain_bottomIn .biaoge {
    min-height: 200px;
}

.rightMain .rightMain_bottomIn .biaoge_list {
    overflow: hidden;
    position: relative;
}

.rightMain .rightMain_bottomIn .biaoge_list .biaoge_listIn .ul_list {
    overflow: hidden;
    position: relative;
}

.rightMain .rightMain_bottomIn .biaoge_list .biaoge_listIn .ul_listIn {
    -webkit-animation: 14s gundong linear infinite normal;
    animation: 14s gundong linear infinite normal;
    position: relative;
}

@keyframes gundong {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -30vh, 0);
        transform: translate3d(0, -30vh, 0);
    }
}

.rightMain .rightMain_bottomIn .biaoge_list ul {
    display: flex;
    display: -webkit-flex;
    width: 100%;
}

.rightMain .rightMain_bottomIn .biaoge_list .ul_title {
    background: linear-gradient(left, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1));
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1));
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1));
}

.rightMain .rightMain_bottomIn .biaoge_list .ul_con {
    border-bottom: 0.008rem solid rgba(14, 253, 255, 0.5);
}

.rightMain .rightMain_bottomIn .biaoge_list ul li {
    width: 20%;
    text-align: center;
    color: #fff;
    font-size: 0.06rem;
    height: 0.2rem;
    line-height: 0.2rem;
}

.rightMain .rightMain_bottomIn .biaoge_list ul li:frist-child {
    text-align: left;
}






